.user-container {
    background-color: #f1f1f1;
    margin-bottom: 50px;

    .user-wrap {
        height: 9.0667rem;

        .user-info {
            position: relative;
            height: 6.6667rem;
            background: linear-gradient(to bottom, var(--bg-from-color), var(--bg-to-color));
            border-top: 1px solid var(--bg-from-color);

            .user-profile {
                position: relative;
                padding: .4rem;
                color: #FFF;
                overflow: hidden;

                .avatar {
                    width: 2.6667rem;
                    height: 2.6667rem;
                }

                .nickname {
                    position: absolute;
                    top: 0;
                    right: .2667rem;
                    font-size: .48rem;
                }

                .signin {
                    position: absolute;
                    top: 1.3333rem;
                    right: -0.2667rem;
                    padding-right: .4rem;
                    font-size: .3733rem;
                    color: var(--font-primary-color)
                }

            }





            .data-count {
                font-size: .4533rem;
                text-align: center;
                color: #FFF;
            }

            .data-count p:nth-child(1) {
                font-size: .4rem;
                font-weight: 700;
                margin-bottom: .1333rem;
            }


            // 订单统计
            .order-nav {
                position: absolute;
                left: 50%;
                bottom: -2rem;
                transform: translateX(-50%);
                background: #FFF;
                border-radius: .1333rem;
                height: 2.6667rem;
                width: 90%;
                padding: .1333rem;

                h3 {
                    font-size: .4267rem;
                    margin-bottom: .2667rem;

                    span {
                        float: right;
                        color: var(--font-primary-color);
                        font-size: .3467rem;
                        font-weight: 400;
                    }
                }

                .grid {
                    font-size: .4533rem;
                    text-align: center;

                    .icon {
                        display: block;
                        margin: auto;
                        width: .8rem;
                        height: auto;
                    }
                }
            }

        }
    }

}